<template>
	<view class="wrap">


		<view v-if="detailsData" style="padding: 10px;background: #fff;">

			<!-- <view style="padding: 10px; text-align: center;font-size: 16px;font-weight: bold;">
			{{detailsData.ctitle}}
		</view>
		<view style="text-align: center;color: #aaa;padding-bottom: 10px;">
			更新时间：{{detailsData.updateDate}}
		</view>
		<view style="text-align: center;color: #aaa;padding-bottom: 10px; border-bottom:1px solid #fff ;">
			简介：{{detailsData.simpleContent}}
		</view> -->
			<view style="display: flex;">
				<!-- <image mode="aspectFit"
				:src="detailsData.picUrl?vuex_config.baseUrl + detailsData.picUrl:''"
				style="width: 160rpx;height: 160rpx;margin-right: 10px;border-radius: 50%;border: 1px solid #aaa;"></image> -->
				<view class="item-menu-image" style="padding:30rpx 30rpx;margin-right: 20rpx;">
					<view style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;">
						<image mode="aspectFit" :src="detailsData.picUrl?vuex_config.baseUrl + detailsData.picUrl:''">
						</image>
					</view>
				</view>
				<view
					style="flex:1;display: flex;justify-content: space-between; flex-direction: column;padding: 10px 0;">
					<view style="font-size: 16px;font-weight: bold; 
			   width: 100%;  overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;">
						<text>{{detailsData.ctitle}}</text>
					</view>
					<view style="color: #ffaa00;">
						发布时间：{{detailsData.fbDate}}
					</view>

				</view>
			</view>
			<view style="
			margin-top: 10px;
			line-height:26px;
			text-indent:30px;
			font-size: 15px;
		">
				{{detailsData.simpleContent}}
			</view>

			<view style="border-top:1px solid #aaa;margin: 10px 0;"></view>

			<u-parse ref="parse" :html="detailsData.content"></u-parse>

			<!-- <view style="font-size: 16px;text-indent:2em;line-height:25px;margin: 10px 0;">
			{{detailsData.text}}沐春光前行
			夺骄阳归来。2023年4月6日-8日，别提多美|蒙小美2023第一季度工作总结暨第二季度运营工作部署会议在重庆两江国际影视城民国街龙兴大酒店圆满召开。别提多美总部领导及全国运营中心负责人齐聚一堂，重回2019年别提多美梦想启航之地，穿越
		</view>

		<view
			style="width: 100%;height: 500rpx;background: url(https://www.mnbtdm.com/upload/images/2022/7/ad1f48adb84012b0.jpg) center no-repeat; background-size: cover;margin: 10px 0;">
		</view>
		<view style="font-size: 16px;text-indent:2em;line-height:25px;margin: 10px 0;">
			{{detailsData.text}}沐春光前行
			夺骄阳归来。2023年4月6日-8日，别提多美|蒙小美2023第一季度工作总结暨第二季度运营工作部署会议在重庆两江国际影视城民国街龙兴大酒店圆满召开。别提多美总部领导及全国运营中心负责人齐聚一堂，重回2019年别提多美梦想启航之地，穿越
		</view>

		<view
			style="width: 100%;height: 500rpx;background: url(https://www.mnbtdm.com/upload/images/2023/3/1baf5bc96b7afa7f.jpg) center no-repeat; background-size: cover;margin: 10px 0;">
		</view>
		<view style="font-size: 16px;text-indent:2em;line-height:25px;margin: 10px 0;">
			{{detailsData.text}}沐春光前行
			夺骄阳归来。2023年4月6日-8日，别提多美|蒙小美2023第一季度工作总结暨第二季度运营工作部署会议在重庆两江国际影视城民国街龙兴大酒店圆满召开。别提多美总部领导及全国运营中心负责人齐聚一堂，重回2019年别提多美梦想启航之地，穿越
		</view>
		<view
			style="width: 100%;height: 500rpx;background: url(https://www.mnbtdm.com/upload/images/2023/3/27ef0079ce9dd7ae.jpg) center no-repeat; background-size: cover;margin: 10px 0;">
		</view> -->

		</view>
	</view>
</template>
<script>
	/**
	 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
	 */
	export default {
		data() {
			return {
				keywords: '',
				detailsData: '',
			};
		},
		onLoad() {
			let that = this
			const eventChannel = this.getOpenerEventChannel();
			eventChannel.on('acceptDataFromOpenerPage', function(data) {
				// let url = `src="${that.vuex_config.baseUrl}/`
				// data.content = data.content.replace(/src="\//g,'ref="imgs" src="')
				that.detailsData = data
				console.log(that.detailsData.content, '=======')
			})
		},
		mounted() {

			this.$refs.parse.nodes.forEach(item => {
				item.children.forEach(item2 => {
					if (item2.name == 'img') {
						if (item2.attrs.src[0] == '/') {
							item2.attrs.src = this.vuex_config.baseUrl + item2.attrs.src.slice(5) + '.png'
						}
					}
				})
			})
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			},
			search(value) {
				this.$u.toast('搜索内容为：' + value)
			}

		}
	};
</script>
<style lang="scss" scoped>
	page {
		background-color: #fff;
		height: 100%;
	}

	.item-menu-image {
		background: url('/static/image/orderBg.jpg') no-repeat;
		background-size: 100%;
		// width: 340rpx ;
		// height: 190rpx;
		width: 180rpx;
		height: 160rpx;
	}
</style>